<template>
	<view>
		<view class="w343" v-for="item in 8">
			<view class="w90 fs14" style="font-weight: 700;">
				<h5 style="color: #000;">农夫果园(万达店)</h5>
				<h5 style="position: absolute;right: 60rpx;top: 50rpx;" class="wzf">待支付</h5>
			</view>
			<view class="w90" style="padding-bottom: 32rpx;border-bottom: 1rpx solid rgba(243,243,243,1);">
				<view style="display: flex;" v-for="item in 2">
					<image src="../../../static/22.png"></image>
					<view style="margin-left: 30rpx;width: 70%;position: relative;">
						<view class="fs13" style="position: relative;">
							<text>赣南脐橙</text>
							<text style="position: absolute;right: 0;color: #000000;">￥8.8</text>
						</view>
						<text class="Ptc fs11">规格: 2斤</text><br>
						<text class="Ptc fs12">×2</text>
					</view>
				</view>
			</view>
			<view class="w90" style=";line-height: 60rpx;position: relative;">
				<text class="fs12">总计 :</text>
				<text class="fs12" style="color: rgba(254,64,30,1);">￥</text>
				<text class="fs17" style="color: rgba(254,64,30,1);font-weight: 700;">99.80</text>
				<text v-if="item == 1" class="fs12" style="color: rgba(171,171,171,1);margin-left: 25%;">删除订单</text>
				<view class="fs13 examine">去支付</view>
			</view>
			<!-- <u-dropdown>
				<u-dropdown-item v-model="all_sort" title="综合" :options="options1"></u-dropdown-item>
				<u-dropdown-item v-model="distance_sort" title="距离" :options="options3"></u-dropdown-item>
				<u-dropdown-item v-model="score_sort" title="评分" :options="options2"></u-dropdown-item>
			</u-dropdown> -->
			<!-- <u-dropdown >
					<u-dropdown-item v-model="value1" title="距离" :options="options1" @change="change"></u-dropdown-item>
					<u-dropdown-item v-model="value2" title="温度" :options="options2"></u-dropdown-item>
			</u-dropdown> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				distance_sort: 0,
				score_sort: 0,
				all_sort: 0,
				// options1: [{
				// 		label: '默认排序',
				// 		value: 0,
				// 	},
				// 	{
				// 		label: '按销量排序',
				// 		value: 1,
				// 	},
				// 	{
				// 		label: '按配送费排序',
				// 		value: 2,
				// 	},
				// 	{
				// 		label: '按起送价排序',
				// 		value: 3,
				// 	}
				// ],
				// options2: [{
				// 		label: '默认排序',
				// 		value: 0,
				// 	},
				// 	{
				// 		label: '由高到低',
				// 		value: 1,
				// 	},
				// ],
				// options3: [{
				// 		label: '默认排序',
				// 		value: 0,
				// 	},
				// 	{
				// 		label: '由近到远',
				// 		value: 1,
				// 	},
				// ],
				value1: 1,
				value2: 2,
				options1: [{
						label: '默认排序',
						value: 1,
					},
					{
						label: '距离优先',
						value: 2,
					}
				],
				options2: [{
						label: '去冰',
						value: 1,
					},
					{
						label: '加冰',
						value: 2,
					},
				],
			}
		},
		methods: {

		}
	}
</script>

<style>
	.w343 {
		width: 686rpx;
		margin: 50rpx auto;
		background: #FFFFFF;
		position: relative;
		padding: 20rpx;
	}

	.w90 {
		width: 100%;
		margin: 0 auto;
		padding-top: 28rpx;
		border: 0;
	}

	.w90>view>image {
		width: 108rpx;
		height: 108rpx;
	}

	.Ptc {
		color: rgba(184, 184, 184, 1);
	}

	.examine {
		line-height: 29rpx;
		padding: 14rpx 50rpx;
		border: 1rpx solid rgba(220, 220, 220, 1);
		border-radius: 18rpx;
		background: linear-gradient(156deg, #2ed993 0%, #20b47a 100%);
		color: rgba(255, 255, 255, 1);
		position: absolute;
		top: 30rpx;
		right: 0;
	}

	.wzf {
		color: rgba(252, 102, 102, 1);
	}
</style>
